
<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8" />
<title>网上书城</title>
<style>
body  {
    width: 100%;
    height: 100%;
    background-color: #e8e8e8;
    background-size: cover;
    white-space: nowrap;
    background-attachment: fixed;
    background-size: 100%;
    background-repeat: no-repeat;
    background-position: center;
  }
  .login {
    width: 100%;
    height: 300px;
    text-align: center;
  }
  .login form {
    font-weight: 300;
  }
  .login h1 {
    font-family: "等线";
    letter-spacing: 16px;
    font-size: 32px;
    color: black;
    text-align: center;
    padding-bottom: 20px;
  }



  .login_submit{
    background-color: black;
    color: white;
    position: relative;
    top: 20px;
  }
  .login-block
  {
    width: 250px;
    position: absolute;
    top: 130px;
    left: 0;
    right: 100px;
    bottom: 0;
    margin: auto;
  }
  .input {
    margin: 10px;
  background: none;
  border: none;
  outline: none;
  max-width: 190px;
  padding: 10px 20px;
  font-size: 16px;
  border-radius: 9999px;
  box-shadow: inset 2px 5px 10px rgb(5, 5, 5);
  color:black;
  display: block;
}
button {
  position: relative;
  display: inline-block;
  margin: 15px;
  padding: 15px 30px;
  text-align: center;
  font-size: 18px;
  letter-spacing: 1px;
  text-decoration: none;
  color:gray;
  background: transparent;
  cursor: pointer;
  transition: ease-out 0.5s;
  border: 2px solid gray;
  border-radius: 10px;
  box-shadow: inset 0 0 0 0 gray;
}

button:hover {
  color: white;
  box-shadow: inset 0 -100px 0 0 gray;
}

button:active {
  transform: scale(0.9);
}

</style>
</head>

<body>
<div class="all">
    <div class="login">
        <h1>Please login</h1>
        <br /><br />


    <form action="./login" method="post">

    <!-- 输入区 -->
    <div class="login-block">
      <table>
       <tr>
          <td>
            <input placeholder="Username" class="input" name="user" type="text" value="lzrnb">
          </td>
        </tr>

       <tr>
        <td>
          <input placeholder="password" class="input" name="pass" type="password" value="12345">
        </td>
      </tr>

       <tr>
        <td>
          <input placeholder="Checkcode" class="input" name="code" type="text">
        </td>

        <td>
          <img src="./code" alt="">
        </td>

      </tr>
      </table>
            <button class="login_submit" type="submit" value="/login">Login</button>
    </div>

    </form>
  </div>
</div>
</body>
</html>